<template>
  <div id='tmpl'>
    <div class="title">
      <h4 v-text="info.title"></h4>
      <p>{{info.add_time | datefmt('YYYY-MM-DD')}} {{info.click}}次浏览</p>
    </div>
    <div id="content" v-html='info.content'></div>
    <!--使用评论组件-->
    <comment :id='id'></comment>
  </div>
</template>

<script>
  import {
    Toast
  } from 'mint-ui';
  import common from '../../kits/common.js';
  import comment from '../subcomponents/comment.vue';
  export default {
    components: {
      comment
    },
    data() {
      return {
        id: 0,
        info: {}
      };
    },
    created() {
      this.id = this.$route.params.id;
      this.getinfo();
    },
    methods: {
      getinfo() {
        const url = common.apidomain + '/api/getnew/' + this.id;
        this.$http.get(url).then(function (response) {
          var body = response.body;
          if (body.status != 0) {
            Toast(body.message);
            return;
          }
          this.info = body.message[0];
        })
      }
    }
  }

</script>

<style lang="less" scoped>


</style>
